.mytxt {
    color:#333;
    line-height:normal;
    font-family:"Microsoft YaHei",Tahoma,Verdana,SimSun;
    font-style:normal;
    font-variant:normal;
    font-size-adjust:none;
    font-stretch:normal;
    font-weight:normal;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    padding-top:4px;
    padding-right:4px;
    padding-bottom:4px;
    padding-left:4px;
    font-size:15px;
    outline-width:medium;
    outline-style:none;
    outline-color:invert;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
    text-shadow:0px 1px 2px #fff;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position-x:left;
    background-position-y:top;
    background-size:auto;
    background-origin:padding-box;
    background-clip:border-box;
    background-color:rgb(255,255,255);
    margin-right:8px;
    border-top-color:#ccc;
    border-right-color:#ccc;
    border-bottom-color:#ccc;
    border-left-color:#ccc;
    border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
}
.li{
    list-style: none;
    font-size: 1.5vw;
    margin-top: 2%;
    color: white;
    font-weight: bold;
}
.divhead1,.divhead2,.divhead3,.divhead4,.divhead5{
    width: 10%;height: 20%;
    display: inline-block;
    background-color: #00008B;
    color: white;
    font-size: 1.5vw;
    margin-top: 6%;
    line-height: 200%;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    border-radius: .5vw;
    color: #d9eef7;
    border: solid 1px #013CA2;
    background: #013CA2;
    background: -webkit-gradient(linear, left top, left bottom, from(#00008B), to(#013CA4));
    background: -moz-linear-gradient(top,  #00008B,  #013CA4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.divhead1{
    color: red;
}
.divhead2{

}
.divhead3{
}
.divhead4{
}
.divhead5{
}
.button {
    width: 20%;
    height: 40%;
    color: white;
    font-weight: bold;
    font-size: 2.5vw;
    background-color: #0049CA;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    color: #d9eef7;
    border: solid 1px #013CA2;
    background: #013CA2;
    background: -webkit-gradient(linear, left top, left bottom, from(#00008B), to(#013CA4));
    background: -moz-linear-gradient(top,  #00008B,  #013CA4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.button:active {color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#013CA4), to(#00adee));
    background: -moz-linear-gradient(top,  #013CA4,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 动态小球球 */
.loader {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 200px;
    height: 200px;

    margin-top: -100px;
    margin-left: -100px;

    perspective: 100px;
    transform-type: preserve-3d;

    animation: loader 6s cubic-bezier(0,0,1,1) infinite;
}

/* 动态小球球 */
@keyframes loader {
    0% {
        transform: rotateX(30deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(30deg) rotateZ(-360deg);
    }
}

/* 动态小球球 */
.dot {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;

    width: 20px;
    height: 20px;

    margin-top: -90px;
    margin-left: -10px;

    border-radius: 10px;

    background-color: #1e3f57;

    transform-type: preserve-3d;
    transform-origin: 50% 90px;
    transform: rotateZ(30deg);

    animation: dot1 1.5s cubic-bezier(.6,0,.4,1) infinite;
}

.dot:nth-child(2) {
    transform: rotateZ(15deg);
    animation-name: dot2;
    animation-delay: 150ms;
    background-color: #00005B;
}

.dot:nth-child(3) {
    transform: rotateZ(0deg);
    animation-name: dot3;
    animation-delay: 300ms;
    background-color: #00008B;
}

.dot:nth-child(4) {
    transform: rotateZ(-15deg);
    animation-name: dot4;
    animation-delay: 450ms;
    background-color: #5998b2;
}

.dot:nth-child(5) {
    transform: rotateZ(-30deg);
    animation-name: dot5;
    animation-delay: 600ms;
    background-color: #6bb2cd;
}

/* Dot animations */
@keyframes dot1 {
    0% {
        transform: rotateZ(30deg) rotateX(10deg);
    }
    95%, 100% {
        transform: rotateZ(390deg) rotateX(10deg);
    }
}

@keyframes dot2 {
    0% {
        transform: rotateZ(15deg) rotateX(10deg);
    }
    95%, 100% {
        transform: rotateZ(375deg) rotateX(10deg);
    }
}

@keyframes dot3 {
    0% {
        transform: rotateZ(0deg) rotateX(10deg);
    }
    95%, 100% {
        transform: rotateZ(360deg) rotateX(10deg);
    }
}

@keyframes dot4 {
    0% {
        transform: rotateZ(-15deg) rotateX(10deg);
    }
    95%, 100% {
        transform: rotateZ(345deg) rotateX(10deg);
    }
}

@keyframes dot5 {
    0% {
        transform: rotateZ(-30deg) rotateX(10deg);
    }
    95%, 100% {
        transform: rotateZ(330deg) rotateX(10deg);
    }
}
.over{background-color: rgba(0, 0, 0, 0.7);display: block;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 998;}
.alert{display: block;left: 50%;position: fixed;top: 50%;transform: translateX(-50%) translateY(-50%);width: 702px;z-index: 999;}